<template>
  <view>
   <schoolHeader></schoolHeader>
    <swiper
      class="h-swiper"
      indicatorColor="white"
      indicatorActiveColor="#333"
      current="current"
      :duration="duration"
      :interval="interval"
      :circular="isCircular"
      :autoplay="isAutoplay"
      :indicatorDots="hasIndicatorDots"
    >
      <swiper-item v-for="(item, idx) in imgUrls" :key="idx">
        <image :src="item.url" class="h-image" />
      </swiper-item>
    </swiper>
    <IntroduceMore :listUrl='listUrl'></IntroduceMore>
    <view class="admissions-brochure">
      <view class="admissions-title">
        <view class="admissions-t">招生简章</view>
        <view class="admissions-icon-box">
          <view>更多</view>
          <image class="admissions-image" src="../../icon/右箭头.png"></image>
        </view>
      </view>
      <view class="admissions-content">
        <image class="admissions-content-image"></image>
        <view class="admissions-content-text">
          <view class="admissions-content-text-title">这是测试文字这是测试文字这是测试文字</view>
          <view class="admissions-content-text-c">
            <view class="admissions-content-title">留学方向：</view>
            <view class="admissions-content-title-c">美国 英国 澳大利亚</view>
          </view>
          <view class="admissions-content-text-c">
            <view class="admissions-content-title">留学方向：</view>
            <view class="admissions-content-title-c">美国 英国 澳大利亚</view>
          </view>
          <view class="admissions-content-text-c">
            <view class="admissions-content-title">留学方向：</view>
            <view class="admissions-content-title-c">美国 英国 澳大利亚</view>
          </view>
          <view class="admissions-content-text-c">
            <view class="admissions-content-title">留学方向：</view>
            <view class="admissions-content-title-c">美国 英国 澳大利亚</view>
          </view>
        </view>
      </view>
    </view>
    <view class="school-features">
        <view class="admissions-title">
        <view class="admissions-t">学校特色</view>
        <view class="admissions-icon-box">
          <view>更多</view>
          <image class="admissions-image" src="../../icon/右箭头.png"></image>
        </view>
      </view>
      <view class="school-features-content">
        <image class="features-content-img"></image>
        <view class="features-content-title">大比例升入海外名校</view>
        <view class="features-content-text"></view>
      </view>
    </view>
  <view class="school-news">
<view class="admissions-title">
        <view class="admissions-t">学校新闻</view>
        <view class="admissions-icon-box">
          <view>更多</view>
          <image class="admissions-image" src="../../icon/右箭头.png"></image>
        </view>
      </view>
      <view class="news-content">
        <view class="news-content-date">
          <view class="date-box1">05-05</view>
          <view class="date-box2">2022</view>
        </view>
        <view class="news-content-text">
          <view class="news-content-title">测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</view>
          <view class="news-c-text">测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</view>
        </view>
      </view>
  </view>
    <c-footer></c-footer>
  </view>
</template>
<script>
import './index.css'
import footers from "../../components/footer/footers.vue";
import schoolName from "../../components/schoolName/schoolName.vue"
import IntroduceMore from "../../components/IntroduceMore/IntroduceMore.vue"
export default {
  data() {
    return {
      show: false,
       current: 1,
      duration: 500,
      interval: 5000,
      isCircular: true,
      isAutoplay: true,
      hasIndicatorDots: true,
      imgUrls: [{
        url:"https://pic3.zhimg.com/v2-58d652598269710fa67ec8d1c88d8f03_r.jpg?source=1940ef5c",
      },{
        url:"https://www.keaidian.com/uploads/allimg/190424/24110307_6.jpg",
      }],
      
    };
  },
  components: {
    footers,
    schoolName,
    IntroduceMore
  },
  methods: {
    quent() {
      this.show = !this.show;
    },
    choose: function () {
      this.show = true;
    },
    close: function () {
      this.show = false;
    },
    preventTouchMove: function closeBodyScroll() {
      window.lockMaskScrollTop =
        document.scrollingElement.scrollTop || document.body.scrollTop;
      document.body.classList.add("popup-open");
      document.body.style.top = -window.lockMaskScrollTop + "px";
    },
    preventTouchMove: function openBodyScroll() {
      if (document.body.classList.contains("popup-open")) {
        document.body.classList.remove("popup-open");
        document.scrollingElement.scrollTop = window.lockMaskScrollTop;
      }
    },
  },
};
</script>
